<?php
$this->headLink()->appendStylesheet($this->baseUrl().'/css/uniform.default.css');
$this->headScript()->appendFile($this->baseUrl().'/js/jquery.uniform.js');
?>
<?php $this->headStyle()->captureStart() ?>
#headingInterested{
    font-weight:600;
    font-size:1.6em;
    margin: 0px 0px 10px 0px;
}

p.tell{
    text-align: justify;
    color:#313C53;
    font-size:17px;
}

.btn{
    font-size:0.9em;
    font-weight:bold;
    color:#234e70;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;
    box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;
    border:solid 1px #6e93b0;
    background:url('../images/btn-sm-bg.png') repeat-x 0px 0px;
    height:27px;
    line-height:26px;
    text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
    display:inline;
    float:left;
    margin-right:5px;
    padding:0 10px;
vertical-align:baseline;
    font-family:Helvetica,Arial,sans-serif;
    float:left;

}

.btn:hover{
    text-decoration:none;
    color:#234e70;
}

.btn:active{
    background-position:0px bottom;
}

#content .comments-form {margin-top: 10px; margin-left: 10px; height:900px;}
#content .comments-form form{ width: 543px}
#content .comments-form p.title {margin-bottom:20px}
#content .comments-form input {width:383px; height:30px; padding:4px 5px 0; font-size: 16px; font-family:Georgia, serif}
#content .comments-form span.text-field {float:right; display:inline; width:393px; height:34px}
#content .comments-form span.text-area-field {float:right; display:inline; width:373px; height:147px; padding:10px}
#content .comments-form textarea {width:373px; height:147px; font-size:18px !important; overflow:auto}
#content .comments-form span.select-box {float:right; display:inline; width:393px}
#content .comments-form span.select-box select {width:393px !important}
#content .comments-form .label-left {float:left; display:inline; width:125px}
#content .comments-form label {float:right; display:inline; line-height:26px; font-size:16px; font-weight:700}
#content .comments-form label.error{ display: inline; float: left; color: red; width: 0; height: 0; display: none; position:absolute}
#content .comments-form .textarea-curved label {line-height: 30px !important}
#content .comments-form .input-name {margin-bottom:17px}
#content .comments-form .input-website {margin-bottom:17px}
#content .comments-form .input-email {margin-bottom:17px}
#content .comments-form .input-state {margin-bottom:17px}
#content .comments-form .input-comment {margin-bottom:17px}
#content .comments-form .submit-it {}
#content .comments-form select option{ padding-left: 10px !important}
<?php $this->headStyle()->captureEnd() ?>
  <h3 id="headingInterested">Contact Form</h3>
  <p  class="tell">
    Tell us about your up-and-coming
    project, thoughts on our work, your ideas and
    dreams...or tell us your favorite color.
    We'd just like to hear from you.
  </p>
 <div class="section1"></div>
<div class="comments-form">
  <form action="/thanks" id="contactform" method="post">
    <div class="input-state">
      <div class="cl">&nbsp;</div>
      <div class="label-left">
        <label><b>Contacting you</b></label>
      </div>
      <span class="select-box">
        <select class="select" id="contact-reason" name="contact-reason">
          <option value="quote">to request a proposal</option>
          <option value="hi">to say hi</option>
        </select>
      </span>
      <div class="cl">&nbsp;</div>
    </div>

    <div class="input-name">
      <div class="cl">&nbsp;</div>
      <div class="label-left">
        <label><b>Your Name*</b></label>
      </div>
      <span class="text-field input-curved">
        <input class="required" id="name" name="name" type="text" value="" />
      </span>
      <div class="cl">&nbsp;</div>
    </div>

    <div class="input-email">
      <div class="cl">&nbsp;</div>
      <div class="label-left">
        <label><b>Your Email*</b></label>
      </div>
      <span class="text-field input-curved">
        <input class="required validate-email" id="email" name="email" type="text" value="" />
      </span>
      <div class="cl">&nbsp;</div>
    </div>

    <div id="project-details" >
      <div class="detail"> </div>

      <div class="input-name">
        <div class="cl">&nbsp;</div>
        <div class="label-left">
          <label><b>Project Name*</b></label>
        </div>
        <span class="text-field input-curved">
          <input class="required" id="project_name" name="project_name" type="text" value="" />
        </span>
        <div class="cl">&nbsp;</div>
      </div>

      <div class="input-state">
        <div class="cl">&nbsp;</div>
        <div class="label-left">
          <label><b>I'm looking for*</b></label>
        </div>
        <span class="select-box">
          <select class="required" id="desiredservice_service" name="desiredservice[service]"><option value="">Select One</option>
<option value="Designed and Developed">I need a new website designed and developed</option>
<option value="Web design plus XHTML/CSS">I need a website designed and XHTML/CSS</option>
<option value="Existing site re-designed">I need an existing website re-designed</option>
<option value="Help with programming">I need help with programming a website</option>
<option value="Custom Illustration/Graphics">I need some custom graphics for my site </option>
<option value="I don't know, you tell me">I don't know, you tell me</option></select>
        </span>
        <div class="cl">&nbsp;</div>
      </div>

      <div class="input-state">
        <div class="cl">&nbsp;</div>
        <div class="label-left">
          <label><b>Project size*</b></label>
        </div>
        <span class="select-box">
          <select class="required" id="project_projectsize" name="project[projectsize]"><option value="">Select One</option>
<option value="One page templage">One-page template</option>
<option value="Personal Site">Personal site (5 - 10 pages)</option>
<option value="Small Site">Small Site (10 - 25 pages)</option>
<option value="Medium Site">Medium Site (25 - 50 pages)</option>
<option value="Large Site">Huge (50+ pages)</option></select>
        </span>
        <div class="cl">&nbsp;</div>
      </div>

      <div class="input-state">
        <div class="cl">&nbsp;</div>
        <div class="label-left">
          <label><b>Timeframe*</b></label>
        </div>
        <span class="select-box">
          <select class="required" id="timeframe_time" name="timeframe[time]"><option value="">Select One</option>
<option value="1 month">Within one month</option>
<option value="2 months">Within two months</option>
<option value="3 months">Within three months</option>
<option value="6 months">Within 6 months</option>
<option value="Flexible">I'm Flexible</option></select>
        </span>
        <div class="cl">&nbsp;</div>
      </div>

      <div class="input-state">
        <div class="cl">&nbsp;</div>
        <div class="label-left">
          <label><b>Budget*</b></label>
        </div>
        <span class="select-box">
          <select class="required" id="projectbudget_budget" name="projectbudget[budget]"><option value="">Select One</option>
<option value="$5000 - $10000">$5000 - $10000</option>
<option value="$10000 - $25000">$10000 - $25000</option>
<option value="$25000+">$25000+</option>
<option value="Whatever, just make it remarkable">Whatever, just make it remarkable</option></select>
        </span>
        <div class="cl">&nbsp;</div>
      </div>

    </div>

    <div class="detail"> </div>
    <div class="input-comment">
      <div class="cl">&nbsp;</div>
      <div class="label-left">
        <label><b>Anything else?</b></label>
      </div>
      <span class="text-area-field textarea-curved">
        <textarea cols="39" id="message" name="message" rows="4"></textarea>
      </span>
      <div class="cl">&nbsp;</div>
    </div>
    <div class='submit-it'>
            <span><input type="submit" title=""  value="" /><a rel="disable" class="btn" href="#">Submit Form</a></span>
          </div>

    <!--<div class="submit-it">
      <span><input type="submit" title=""  value="" /></span>
      <div class="cl">&nbsp;</div>
    </div>-->
  </form>

</div>